﻿<localView:UserControlBase x:Class="VocabManager.View.WelcomeView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                               xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" 
                              xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    xmlns:local="clr-namespace:VocabManager"
                     xmlns:localView="clr-namespace:VocabManager.View"
                             
                     xmlns:localViewModel="clr-namespace:VocabManager.ViewModel"
                 
             
    d:DesignHeight="800" d:DesignWidth="480"
                          
                           >
    <localView:UserControlBase.Resources>
        <localViewModel:WelcomeViewModel x:Key="viewModel"> </localViewModel:WelcomeViewModel>
    </localView:UserControlBase.Resources>
    <Grid x:Name="LayoutRoot"  DataContext="{StaticResource viewModel}">
        <Grid.Background>
            <ImageBrush ImageSource="/VocabManager;component/Resources/Images/Backgrounds/flickr-words.jpg"> </ImageBrush>
        </Grid.Background>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"></RowDefinition>
            <RowDefinition></RowDefinition>
            <RowDefinition Height="auto"></RowDefinition>

        </Grid.RowDefinitions>
        <Border   Background="Black" >
        <ContentControl Foreground="White" FontWeight="ExtraBlack" Style="{StaticResource TitleStyle}" Content="{Binding Title}" FontSize="40"></ContentControl>
        </Border>
        <!--<Image Stretch="Fill" Grid.Row="1" Source="/VocabManager;component/Resources/Images/Backgrounds/flickr-words.jpg"></Image>-->
        <Border Grid.Row="2"  Background="Gray" Opacity=".5"></Border>
            <Grid Margin="5" Grid.Row="2"  >
                <Grid.RowDefinitions>
                    <RowDefinition></RowDefinition>
                    <RowDefinition ></RowDefinition>

                    <RowDefinition ></RowDefinition>


                </Grid.RowDefinitions>
 
                <Button Margin="15"  Padding="10" Content="Start" MinWidth="100" Foreground="White" Command="{Binding StartAppCommand}"></Button>
                
            <Button Margin="15" Padding="10"  Content="Help" Command="{Binding ShowHelpCommand}" Grid.Row="1" Foreground="White"></Button>

            <Button Margin="15" Padding="10"  Content="About" Command="{Binding ShowAboutCommand}" Grid.Row="2" Foreground="White"></Button>

            </Grid>

       
    </Grid>
</localView:UserControlBase>
